﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="HandheldFriendly" content="True" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
    <link rel="apple-touch-icon" href="~/apple-touch-icon.png" />
    <link rel="stylesheet" type="text/css" href="./Scripts/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="./styles/examMobile.css">
    <title>移动检查</title>
</head>
<body>
    <div id="main_container" style="">
        <div class="b-header" id="header">
            <div id="btnBack" class="unshow">
                <img src="./images/back.png" class="img-responsive">
            </div>
            <span>移动检查</span>
            <div id="btnScan">
                <img src="./images/scanCode.svg" class="img-responsive">
            </div>
        </div>
        <!-- 查询条件行 -->
        <div class="search" id="search">
            <div class="txt-query">
                <input type="text" class="form-control" id="QueryItemValue" qy-id="QueryItemValue" placeholder="病历号/住院号/申请单号/患者姓名">
                <b class="icon-query"></b>
            </div>
            <a href="#" id="btnPreset" class="btn" role="button"></a>
            <a href="#" id="btnQuery" class="btn" role="button"></a>
        </div>
        <!-- 检查预约列表 -->
        <div id="content" class="exam-list">
            <div class="refresh-loading">
                <div class="g-m--c"></div>
                <p class="refresh-txt">下拉可刷新</p>
            </div>
            <div class="content">
                <ul class="scrollview">
                </ul>
                <div class="more-c">
                    <div id="loadMore" class="type">
                        <div class="con"></div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 查询条件 -->
        <div id="search_container" class="main-content modal-slide">
            <div id="search_container_body">
                <div class="search_container_line">
                    <div class="fleft search_container_line_title">床边</div>
                    <div class="fleft">
                        <div class="btn-div" name="TransportationMode" value="">全部</div>
                        <div class="btn-div" name="TransportationMode" value="PORT">床边</div>
                    </div>
                </div>
                <div class="search_container_line search_container_line_border">
                    <div class="search_container_line_title">病人类型</div>
                    <div style="line-height:35px;margin:-10px 0 12px 0;">
                        @if (ViewBag.PatientClassList.Count > 0)
                        {
                            <div class="btn-div btn-div-xs" name="PatientClass" multiple="multiple" value="ALL">全部</div>
                            foreach (var item in ViewBag.PatientClassList)
                            {
                                <div class="btn-div btn-div-xs" name="PatientClass" multiple="multiple" value="@item.ItemName">@item.ItemName</div>
                            }
                        }
                    </div>
                </div>
                <div class="search_container_line search_container_line_border">
                    <div class="fleft search_container_line_title">时间筛选</div>
                    <div class="fleft">
                        <div id="RequestedDate" class="btn-div btn-div-sm" name="QueryTimeType" value="RequestedDate">申请时间</div>
                        <div id="ScheduleDate" class="btn-div btn-div-sm" name="QueryTimeType" value="ScheduleDate">预约时间</div>
                    </div>
                </div>
                <div class="search_container_line">
                    <div class="search_container_line_title" style="height:10px;line-height:10px;">快捷</div>
                    <div style="line-height:35px;margin:15px 0 2px 0;">
                        @foreach (var item in ViewBag.QueryDates)
                        {
                            <div class="btn-div btn-div-xs" name="QueryTimeDuring" id="@item.ItemCode" value="@item.ItemCode">@item.ItemName</div>
                        }
                    </div>
                    <div id="scheduleDate">
                        <span>自定义：</span>
                        <input id="ScheduleStartDate" qy-id="ScheduleStartDate" class="datebox" type="date" placeholder="选择开始时间" value="" />&nbsp;&nbsp;-&nbsp;
                        <input id="ScheduleEndDate" qy-id="ScheduleStartDateEnd" class="datebox" type="date" placeholder="选择结束时间" value="" />
                    </div>
                </div>

                <div class="search_container_line search_container_line_border">
                    <div class="search_container_line_title">检查状态</div>
                    <div style="line-height:35px;margin:-10px 0 12px 0;">
                        @if (ViewBag.ResultStatusList.Count > 0)
                        {
                            <div class="btn-div btn-div-xs" name="ResultStatus" multiple="multiple" value="ALL">全部</div>
                            foreach (var item in ViewBag.ResultStatusList)
                            {
                                <div class="btn-div btn-div-xs" name="ResultStatus" multiple="multiple" value="@item.ItemName">@item.ItemName</div>
                            }
                        }
                    </div>
                </div>

                <div class="search_container_line search_container_line_border">
                    <div class="search_container_line_title">检查类型</div>
                    <div style="line-height:35px;margin:-10px 0 12px 0;">
                        @if (ViewBag.ExamTypeList.Count > 0)
                        {
                            <div class="btn-div btn-div-xs" name="ServiceSectID" multiple="multiple" value="ALL">全部</div>
                            foreach (var item in ViewBag.ExamTypeList)
                            {
                                <div class="btn-div btn-div-xs" name="ServiceSectID" multiple="multiple" value="@item.ItemName">@item.ItemName</div>
                            }
                        }
                    </div>
                </div>

                <div class="search_container_line search_container_line_border">
                    <div class="fleft search_container_line_title">病区</div>
                    <div class="fleft" style="margin-bottom: 12px;">
                        <select id="pointOfCare" qy-id="PointOfCareID" class="multipleSel " multiple="multiple">
                            @foreach (var item in ViewBag.PointOfCareList)
                            {
                                <option value="@item.DeptID">@item.DeptName</option>
                            }
                        </select>
                    </div>
                </div>
            </div>
            <div id="search_container_footer">
                <a href="#" class="btn btn-custom btn-warning btn-userQuerySet" role="button" style="padding: 5px 13px;">存为预设</a>&nbsp;
                <a href="#" class="btn btn-default btn-closed" role="button" style="padding: 5px 27px;">取消</a>&nbsp;
                <a href="#" class="btn btn-primary btn-query" role="button" style="padding: 5px 27px;">确定</a>&nbsp;
            </div>
        </div>

        <!-- 预设列表 -->
        <div id="userQuerySet_container" class="main-content modal-slide">
            <div class="search_container_line" style="min-height:52px;line-height:52px;">
                <div class="fleft search_container_line_title">
                    预设列表
                </div>
                <div class="fright">
                    <a href="#" class="btn-userQuerySet-manage">管理</a>
                </div>
            </div>
            <div id="userQuerySet_body">
            </div>
        </div>

        <!-- 患者详细页 -->
        <div id="detial_container" class="main-content modal-slide">
            <div class="detial-container-line" style="position: relative; padding: 6px 6px; border-bottom: 5px solid #E4E4E4;">
                <div class="detial-header">
                    <span class="f-blod" data-id="Name"></span>
                    <span class="seize-4"></span>
                    <span class="f-blod" data-id="Sex"></span>
                    <span class="seize-4"></span>
                    <span class="f-blod" data-id="Ages"></span>
                    <span class="seize-4"></span>
                    <span> 病床号：</span>
                    <span class="f-blod bed-txt" data-id="Bed" data-toggle="popover" data-placement="bottom" data-content=""></span>
                    <a href="#" class="btn btn-warning btn-backstate unshow" role="button" index="">检查未做</a>
                    <a href="#" class="btn btn-primary btn-saveState unshow" role="button" index="">检查完成</a>
                </div>
                <table class="b-table" style="width:100%;">
                    <tr>
                        <td class="detial-title" width="23%">检查项目：</td>
                        <td width="77%" colspan="3">
                            <span data-id="ProcedureName" data-toggle="popover" data-placement="bottom" data-content=""></span>
                        </td>
                    </tr>
                </table>
            </div>
            <div class="detial-container-line">
                <table class="b-table" style="width:100%;position:relative;">
                    <tr>
                        <td class="detial-title" width="23%">病<span class="seize-6"></span>历<span class="seize-6"></span>号：</td>
                        <td class="detial-content" width="27%">
                            <span data-id="MedRecNO" data-toggle="popover" data-placement="bottom" data-content=""></span>
                        </td>
                        <td class="detial-title" width="23%">住<span class="seize-6"></span>院<span class="seize-6"></span>号：</td>
                        <td class="detial-content" width="27%">
                            <span data-id="InPatientNO" data-toggle="popover" data-placement="bottom" data-content=""></span>
                        </td>
                    </tr>
                    <tr>
                        <td class="detial-title" width="23%">检查类型：</td>
                        <td class="detial-content" width="27%">
                            <span data-id="ServiceSectID" data-toggle="popover" data-placement="bottom" data-content=""></span>
                        </td>
                        <td class="detial-title" width="23%">病<span class="seize-26"></span>区：</td>
                        <td class="detial-content" width="27%">
                            <span data-id="PointOfCare" data-toggle="popover" data-placement="bottom" data-content=""></span>
                        </td>
                    </tr>
                    <tr>
                        <td class="detial-title" width="23%">申请时间：</td>
                        <td class="detial-content" width="77%" colspan="3">
                            <span data-id="RequestedDate" data-toggle="popover" data-placement="bottom" data-content=""></span>
                            <div class="icon-finish unshow"></div>
                            <div class="icon-unfinish unshow"></div>
                        </td>
                    </tr>
                    <tr>
                        <td class="detial-title b-bottom" width="23%">申请科室：</td>
                        <td class="detial-content b-bottom" width="27%">
                            <span data-id="RequestDeptName" data-toggle="popover" data-placement="bottom" data-content=""></span>
                        </td>
                        <td class="detial-title b-bottom" width="23%">申请医生：</td>
                        <td class="detial-content b-bottom" width="27%">
                            <span data-id="ProviderName" data-toggle="popover" data-placement="bottom" data-content=""></span>
                        </td>
                    </tr>
                    <tr>
                        <td class="detial-title2 f-blod" width="23%"><span>临床诊断：</span></td>
                        <td class="detial-content" width="77%" colspan="3">
                        </td>
                    </tr>
                    <tr>
                        <td class="detial-content2" colspan="4">
                            <span data-id="ClinicDiagnosis"></span>
                        </td>
                    </tr>
                    <tr>
                        <td class="detial-title2 f-blod" width="23%"><span>患者主诉：</span></td>
                        <td class="detial-content" width="77%" colspan="3">
                        </td>
                    </tr>
                    <tr>
                        <td class="detial-content2" colspan="4">
                            <span data-id="Symptom"></span>
                        </td>
                    </tr>
                    <tr>
                        <td class="detial-title2 f-blod" width="23%">
                            <span>病<b style="width: 1.5rem; display: inline-block;"></b>史：</span>
                        </td>
                        <td class="detial-content" width="77%" colspan="3">
                        </td>
                    </tr>
                    <tr>
                        <td class="detial-content2" colspan="4">
                            <span data-id="MedicalRecord"></span>
                        </td>
                    </tr>
                    <tr>
                        <td class="detial-title2" width="23%" style="color: #FF0000;">
                            <span>过<b style="width: 0.35rem; display: inline-block;"></b>敏<b style="width: 0.35rem; display: inline-block;"></b>史：</span>
                        </td>
                        <td class="detial-content" width="77%" colspan="3">
                        </td>
                    </tr>
                    <tr>
                        <td class="detial-content2" colspan="4">
                            <span data-id="AdverseReaction"></span>
                        </td>
                    </tr>
                    <tr>
                        <td class="detial-title2" width="23%"><span>体格检查：</span></td>
                        <td class="detial-content" width="77%" colspan="3">
                        </td>
                    </tr>
                    <tr>
                        <td class="detial-content2" colspan="4">
                            <span data-id="PhysicalExam"></span>
                        </td>
                    </tr>
                    <tr>
                        <td class="detial-title2" width="23%"><span>检查目的：</span></td>
                        <td class="detial-content" width="77%" colspan="3">
                        </td>
                    </tr>
                    <tr>
                        <td class="detial-content2" colspan="4">
                            <span data-id="Reason"></span>
                        </td>
                    </tr>
                    <tr>
                        <td class="detial-title2" width="23%" style="color: #FF0000;"><span>注意事项：</span></td>
                        <td class="detial-content" width="77%" colspan="3">
                        </td>
                    </tr>
                    <tr>
                        <td class="detial-content2" colspan="4" style="padding-bottom:10px;">
                            <span data-id="Attention"></span>
                        </td>
                    </tr>
                </table>
            </div>
        </div>
    </div>

    <input type="hidden" id="hdnRelativeUrl" value="@ViewBag.RelativeUrl" />
</body>
</html>

<script src="./scripts/public/jquery.min.js"></script>
<script src="./scripts/common/jquery.json.min.js"></script>
<script src="./scripts/public/imcis-common.js"></script>
<script src="./scripts/bootstrap/js/bootstrap.js"></script>
<script src="./scripts/bootstrap/js/bootstrap-multiselect.js"></script>
<script src="./scripts/layui/layer_mobile/layer.js"></script>
<script src="./scripts/public/pinchzoom.js"></script>
<script src="./scripts/public/quagga.min.js"></script>
<script src="./scripts/public/jsQR.js"></script>
<script src="./scripts/examMobile/public.js"></script>
<script src="./scripts/examMobile/mobile.js"></script>
<script src="./scripts/Schedule/schedule.js"></script>
<script type="text/javascript">
    var examCompletedByResultStatus = '';
    var examUnCompletedResultStatus = '';
    var examCompletedResultStatus = '';
    var schedule = new Schedule("Mobile", $('#hdnRelativeUrl').val());
    var examPadPath = schedule.relativeUrl.replace("ExamMobile", "ExamPad");
    var scheduleAbsolutePath = schedule.relativeUrl.substring(0, schedule.relativeUrl.indexOf("ScheduleV2")) + "Schedule/";
    var scheduleCommonPath = scheduleAbsolutePath.replace("Schedule","Common");
    $(function () {
        exam.scrollLoad.init();
        examMobile.page.init();
    });
</script>

